<div style="display: flex;">
    <ui-checkbox ref="checkboxOpen" @change="onOpenChange" :value="open" style="align-self: center;" tooltip="i18n:action.opacity">
        {{title}}
    </ui-checkbox>

    <div style="align-self: center; margin-left: auto;">
        <ui-select @change="onPropTypeChange" :value="propType.value" ref="propTypeSelect">
            <option v-for="(type, i) in propTypeKeyOnly" :key="i" :value="i">
                {{type}}
            </option>
        </ui-select>
        <ui-select @change="onValueTypeChange" :value="valueType.value" ref="valueTypeSelect">
            <option v-for="(type, i) in valueTypeKeyOnly" :key="i" :value="i">
                {{type}}
            </option>
        </ui-select>
    </div>
</div>